<!doctype html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org">

<head th:replace="public/index3 :: CSS(~{::title})">
    <title>Godz历史与未来</title>
</head>

<body data-spy="scroll" data-target="#beleme-navbar" data-offset="1">

<!-- 菜单 -->
<nav th:insert="~{public/index3 :: index3Head}"></nav>
<!-- 首要内容 -->
<section class="py-7" id="about">
    <div class="container">
        <div class="row">
            <div class="col-md-7 mx-auto text-center">
                <h2>Godz神张涛</h2>
                <div class="divider bg-primary mx-auto"></div>
                <img src="assets/myIndex3/img/user.jpg" class="img-fluid rounded-circle img-profile" alt="User"/>
                <p class="lead">
                    你好,我叫做<b>神张涛</b>英文名<b>Godz</b>, 一名 <b>计算机专业的毕业生</b>.
                    我喜欢 <b>数学和英语</b> 但是我英语水平并不怎么好.但是我非常想学好英语
                </p>
                <p class="text-muted">
                    性格直男,不会说话,但是内心善良.喜欢与强者交朋友,最大愿望就是和强大的人交友.偶像是数学家高斯,普朗克等等,
                    当代喜欢明星周杰伦,因为周杰伦,我有一个愿望就是去英国举办属于我的婚礼.所以一定要先学会英语.
                </p>
            </div>
        </div>
        <div class="row mt-5">
            <div class="col-md-5 mx-auto text-center">
                <div>国际联系请点击以下按钮(需要外网VPN)</div>
                <hr />
            </div>
        </div>
        <div class="ulcenter mx-auto text-center">
            <ul class="list-inline social social-sm social-rounded">
                <li class="list-inline-item">
                    <a href="https://www.facebook.com/profile.php?id=100064891735426"
                       title="Godz的Facebook"
                    >
                        <i class="fa fa-facebook"></i>
                    </a>
                </li>
                <li class="list-inline-item">
                    <a href="https://twitter.com/Godz81792462"
                       title="Godz的推特"
                    >
                        <i class="fa fa-twitter"></i>
                    </a>
                </li>
                <li class="list-inline-item">
                    <a href="https://www.linkedin.com/in/godz-%E7%A5%9E%E5%BC%A0%E6%B6%9B-ba725022b/">
                        <i class="fa fa-linkedin" title="Godz的领英"></i>
                    </a>
                </li>
            </ul>
        </div>
    </div>
</section>
<!--教育经历-->
<section class="py-7 bg-light" id="education">
    <div class="container">
        <div class="row">
            <div class="col-md-7 mx-auto text-center">
                <h2>我的教育经历</h2>
                <div class="divider bg-primary mx-auto"></div>
            </div>
        </div>
        <div class="row mt-5">
            <div class="col-md-4 mb-3" th:each="edu:${eduExps}">
                <div class="card">
                    <a th:href="'/index3/educate?id='+${edu.getId()}">
                        <div class="card-body">
                            <img th:src="${edu.getImg()}" alt="">
                            <span class="text-muted font-weight-bold">
									<text th:text="${#dates.format(edu.getEeStart(), 'yyyy-MM')}"></text>
									&mdash;
									<text th:text="${#dates.format(edu.getEeEnd(), 'yyyy-MM')}"></text>
								</span>
                            <h5 th:text="${edu.getEeSname()}"></h5>
                            <text class="text-muted small-xl" th:text="${edu.getEeSeva()}"></text>
                            <p class="cardp2" th:text="${edu.getEeOve()}"></p>
                        </div>
                    </a>
                </div>
            </div>

        </div>
    </div>
</section>
<!--工作经历-->
<section class="py-7 bg-light" id="work">
    <div class="container">
        <div class="row">
            <div class="col-md-7 mx-auto text-center">
                <h2>我的工作经历</h2>
                <div class="divider bg-primary mx-auto"></div>
            </div>
        </div>
        <div class="row mt-5">
            <div class="col-md-4 mb-3" th:each="work:${works}">
                <div class="card">
                    <a th:href="'/index3/work?id='+${work.getId()}">
                        <div class="card-body">
                            <img th:src="${work.getWeImg()}" alt="">
                            <span class="text-muted font-weight-bold">
									<text th:text="${#dates.format(work.getWeStart(), 'yyyy-MM')}"></text>
									&mdash;
									<text th:text="${#dates.format(work.getWeEnd(), 'yyyy-MM')}"></text>
								</span>
                            <h5 th:text="${work.getWeName()}"></h5>
                            <text class="text-muted small-xl" th:text="${work.getWeSeva()}"></text>
                            <p class="cardp2" th:text="${work.getWeCon()}"></p>
                        </div>
                    </a>
                </div>
            </div>
        </div>
    </div>
</section>
<!--我的看法-->
<section class="py-7 bg-light" id="testimonials">
    <div class="container">
        <div class="row">
            <div class="col-md-6 mx-auto text-center">
                <h2 class="text-capitalize">Godz身边经典名句</h2>
                <div class="divider bg-primary mx-auto"></div>
            </div>
        </div>
        <div class="row mt-5">
            <div class="col-md-8 mx-auto slick-users">

                <div class="media text-center" th:each="mind:${minds}">
                    <img th:src="${mind.getMindImg()}"
                         class="img-fluid img-profile rounded-circle d-block mx-auto"/>
                    <div class="media-body mt-4">
                        <blockquote class="blockquote">
                            <p th:text="${mind.getMindCon()}"></p>
                            <footer class="blockquote-footer mt-3">
                                <b th:text="${mind.getMindName()}"></b><br>
                                <small th:text="${mind.getMindEname()}"></small>
                            </footer>
                        </blockquote>
                    </div>
                </div>

            </div>
        </div>
    </div>
</section>
<!--我的理想-->
<section class="py-7" id="portfolio">
    <div class="container">
        <div class="row">
            <div class="col-md-6 mx-auto text-center">
                <h2>我的梦想/我希望的未来</h2>
                <div class="divider bg-primary mx-auto"></div>
            </div>
        </div>
        <div class="row mt-5">
            <div class="col-sm-10 mx-auto">
                <div class="slick-slider">
<!--                    梦想-->
                    <div class="card mr-3" th:each="dream:${dreams}">
                        <img class="card-img-top rounded" th:src="${dream.getDreamImg()}" alt="Work 1">
                        <div class="card-body px-0">
                            <h5 class="card-title" th:text="${dream.getDreamTitle()}"></h5>
                            <p class="card-text text-muted" th:text="${dream.getDreamCon()}"></p>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
</section>
<!--底层内容-->
<nav th:insert="~{public/index3 :: index3Footer}"></nav>
<!--返回顶部-->
<div class="scroll-top">
    <i class="fa fa-angle-up" aria-hidden="true"></i>
</div>
<!-- Js文件 -->
<nav th:insert="~{public/index3 :: index3Js}"></nav>

</body>

</html>